// pages/order/index.js
import { request } from "../../request/index.js";
import regeneratorRuntime from "../../lib/runtime/runtime";

Page({
  data: {
    tabs: [
      {
        id: 0,
        value: "全部",
        isActive: true
      },
      {
        id: 1,
        value: "待付款",
        isActive: false
      },
      {
        id: 2,
        value: "待发货",
        isActive: false
      },
      {
        id: 3,
        value: "退款/退货",
        isActive: false
      }
    ],
    orders: []
  },
  changeTitleByIndex(index) {
    let { tabs } = this.data
    tabs.forEach((v, i) => i===index?v.isActive=true:v.isActive=false)
    this.setData({ tabs })
  },
  handleTabsItemChange(e) {
    const { index } = e.detail
    this.changeTitleByIndex(index)
    // 重新发送请求
    this.getOrders(index+1)
  },
  onShow() {
    const token = wx.getStorageSync('token');
    if(!token) {
      wx.navigateTo({
        url: '/pages/auth/index'
      })
      return 
    }
    // 小程序页面栈：数组，最大为10
    let pages =  getCurrentPages();
    let currentPage = pages[pages.length-1]
    const { type } = currentPage.options
    this.changeTitleByIndex(type-1)
    this.getOrders(type)

  },
  async getOrders(type) {
    const res = await request({ url: '/my/orders/all', data: { type } }) 
    
    this.setData({ 
      orders: res.orders.map(v => ({
          ...v, 
          create_time_cn: new Date(v.create_time*1000).toLocaleString()
        })
      )
    })
    
  }
})